<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
					content="width=device-width, initial-scale=1, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
		<meta name="format-detection" content="telephone=no, email=no"/>
		<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
		<meta name="applicable-device" content="mobile"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<!-- 添加到主屏后的标题（iOS 6 新增） -->
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<!-- 是否启用 WebApp 全屏模式 -->
		<meta name="HandheldFriendly" content="true"/>
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="author" content="">
		<title>详情</title>
		<link rel="stylesheet" href="<c:url value='/static/tcsb/css/main.css'/>"/>
		<!--自适应布局-->
		<script type="text/javascript" src="<c:url value='/static/tcsb/js/flexble.js'/>"></script>
		<link rel="stylesheet" type="text/css" href="<c:url value='/static/weixin/css/kshwxbj/yulan.css'/>">
		<script src="<c:url value='/static/weixin/js/jquery-1.8.3.min.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/static/weixin/js/kshwxbj/yulan.js'/>"></script>
	</head>
	<body>
		<p class="title">基本信息</p>
		<ul class="list" id="jbxx">

		</ul>
		<p class="title">特长</p>
		<ul class="list" id="tc">

		</ul>
		<p class="title">图片：</p>
		<div class="img-box" id="pic">

		</div>
		<p class="btn-box return-btn" onclick="goback();">返回</p>
	</body>
	<script>
		$(function(){
			$.ajax({
				url:"<c:url value='/api/tcsb/getDetailOne'/>",
				type: "post",
				dataType: 'json',
				data: {
					id: "${id}"
				},
				success:function(resp){
					if (resp.succ) {
						var content=resp.data.content;
						var jbxx="<li><p>分局</p><p>"+content.fjid+"</p></li><li><p>部门</p><p>"+content.deptid+"</p></li><li><p>姓名</p><p>"+content.name+"</p></li><li><p>联系方式</p><p>"+content.ontactway+"</p></li><li><p>身份证</p><p>"+content.sfz+"</p></li>"
						var tc="<li><p>标题</p><p>"+content.type+"</p></li><li><p>内容</p><p>"+content.info+"</p></li>";
						$("#jbxx").append(jbxx);
						$("#tc").append(tc);
						var pic=resp.data.pic;
						if(pic!=null){
							var html="";
							for(var i=0;i<pic.length;i++){
								var url=pic[i].URL;
								html+="<img src='"+url+"' onclick='showAutoImg(\"" + url + "\")'>";
							}
							$("#pic").append(html);
						}
					}
				},
				error: function () {
					alert("加载失败");
				}
			});
		});
		function goback(){
			window.location.href="<c:url value="/api/tcsb/tcsb"/> ";
		}
		function showAutoImg(obj){
			$.showPic(obj);
		}
	</script>
</html>